<template>
  <div>
    <ul>
      <li v-for="mes in messageList" :key="mes.id">
        <router-link :to="{
          name: 'xiang',
          query: {
            id: mes.id,
            title: mes.title,
            content: mes.content
          }
        }">
          {{ mes.title }}
        </router-link>
      </li>
    </ul>
    <hr>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'Message',
  data() {
    return {
      messageList: [
        { id: 'asfaf01', title: '鼠标额发额', content: '阿是发撒感受感受是不是干啥哈' },
        { id: 'asfaf02', title: '时代公馆', content: '阿是否闪闪发光' },
        { id: 'asfaf03', title: '水电费干活', content: '是的冯绍峰额发' },
      ]
    }
  },

}
</script>

<style scoped></style>